﻿<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>PROCOM - Proyección Comunitaria</title>
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <meta name="viewport" content="width=device-width" />
        <link href="@Url.Content("~/Content/CSS/Reset.css")" rel="stylesheet" type="text/css" />
        <link href="@Url.Content("~/Content/CSS/Sitio.css")" rel="stylesheet" type="text/css" />
        <link href="@Url.Content("~/Content/CSS/Inicio.css")" rel="stylesheet" type="text/css" />
        <link href="@Url.Content("~/Content/CSS/QuienesSomos.css")" rel="stylesheet" type="text/css" />
        <link href="@Url.Content("~/Content/CSS/Contacto.css")" rel="stylesheet" type="text/css" />
        <link href="@Url.Content("~/Content/CSS/Proyectos.css")" rel="stylesheet" type="text/css" />
        <link href="@Url.Content("~/Content/CSS/responsiveslides.css")" rel="stylesheet" type="text/css" />
        <link href="@Url.Content("~/Content/CSS/Donacion.css")" rel="stylesheet" type="text/css" />
        @*<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>*@
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script src="@Url.Content("~/Scripts/jquery-ui-1.8.20.min.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/modernizr-2.5.3.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/responsiveslides.min.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/autoNumeric.js")" type="text/javascript"></script>
        <script type="text/javascript">
            function EventBinder(objectToBind, eventName, eventHandler, ignoreInTouch) {
                if (Modernizr.touch) {
                    if (ignoreInTouch)
                        return;

                    if (eventName == "mouseleave")
                        objectToBind.bind("focusout", eventHandler);
                    else if (eventName == "focusout")
                        objectToBind.bind("focusout", eventHandler);
                    else
                        objectToBind.bind("touchstart", eventHandler);
                }
                else
                    objectToBind.bind(eventName, eventHandler);
            }

            function EventUnBinder(objectToUnBind, eventName, eventHandler) {
                if (Modernizr.touch) {
                    objectToUnBind.unbind("touchstart", eventHandler);
                }
                else {
                    objectToUnBind.unbind(eventName, eventHandler);
                }
            }

            function mostrarCargando(mostrar) {
                if (mostrar == true) {
                    $(".fondoCargando").show();
                    $(".mensajeCargando").show();
                }
                else {
                    $(".fondoCargando").hide();
                    $(".mensajeCargando").hide();
                }
            }
        </script>
    </head>
    <body>
        <div class="fondoCargando">
        </div>
        <div class="mensajeCargando">
            <img alt="CARGANDO" src="@Url.Content("~/Content/Imagenes/circle-loader.gif")" />
            <label>Cargando...</label>
        </div>
        <div class="fondoCabecera">
        </div>
        <div class="contenedorCabecera">
            <div class="contenedorLogo">
                <label class="procomTitulo">PRO-COM</label>
            </div>
            <div class="contenedorMenu">
                <div id="menuInicio" class="itemMenu">
                    <label>INICIO</label>
                </div>
                <div id="menuQuienesSomos" class="itemMenuLarguito">
                    <label>¿QUIENES SOMOS?</label>
                </div>
                <div id="menuProyectos" class="itemMenu">
                    <label>PROYECTOS</label>
                </div>
                <div id="menuContacto" class="itemMenu">
                    <label>CONTACTO</label>
                </div>
            </div>
        </div>
        <div class="contenedorCuerpo">
            @RenderBody()
        </div>
    </body>
</html>
